
/* 声明 flex */
.hi-flex{display:flex !important;}
/* flex 竖向 */
.hi-rows{display:flex; flex-direction:row !important;}
/* flex 横向 */
.hi-columns{display:flex; flex-direction:column !important;}
/* flex 自动换行 */
.hi-wrap{display:flex; flex-wrap:wrap;}
/* flex 横向不换行 */
.hi-nowrap{display:flex; flex-wrap:nowrap !important;}
/* flex 横向两端对齐 */
.hi-space-between{display:flex; justify-content:space-between !important;}
.hi-space-around{display:flex; justify-content:space-around !important;}
/* flex 横向居中 */
.hi-flex-center{justify-content:center;}
/* flex 垂直顶端对齐 */
.hi-flex-top{align-items: flex-start;}
/* flex 垂直居中对齐 */
.hi-flex-vcenter{align-items:center;}
/* flex 垂直底部对齐 */
.hi-flex-bottom{align-items:flex-end;}


.table_box{
    width: 1360px;
    /*height: 4069px;*/
    background: #F9F9F9;
    border-radius: 4px 4px 0px 0px;
    margin: 0 auto;
    margin-bottom: 80px;

}


h1{

    font-size: 36px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 50px;
    margin-top: 0;
    text-align: center;
}
.table_box{padding: 20px;box-sizing: border-box;}
.item_table{}
.item_table table{
    width: 100%;
}
.item_table .t_title{line-height: 30px;height: 30px;width: 100%;}
.item_table .t_title img{width: 26px;height: 26px;float: left;}
.item_table .t_title span{line-height: 30px;float: left; font-size: 18px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #333333;}

.item_table table{margin-top: 20px;}
.item_table table tr  td{height: 44px;}
.item_table table tr  td input[type="text"]{height: 44px;border: 0; outline: none;width: 80%;display: inline-block;font-size: 12px;font-weight: normal;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.item_table table tr  td span{text-align: right;float: right;display: inline-block;line-height: 44px;height: 44px;margin-right: 30px;}
.item_table table.table tr td:nth-child(odd){background: #EDF1FC;color: #333333;  text-align: right;font-size: 12px;padding-right: 10px;box-sizing: border-box;}
.item_table table.table tr td:nth-child(even){background: #fff;}


.item_table table.table1 thead tr td{background: #EDF1FC;color: #333333; border: 1px silver solid; text-align: center;font-size: 12px;padding-right: 10px;box-sizing: border-box;}
.item_table table.table1 tbody tr td{background: #FFFFFF;color: #333333;border: 1px silver solid;  text-align: center;font-size: 12px;padding: 8px;box-sizing: border-box;}


.item_table table tr  td select{outline:none;border: 0;width: 100px;}
.item_table textarea{margin-top: 10px;transition: all .3s; outline: none;border: 0; width: 1321px;padding: 14px;box-sizing: border-box; height: 400px;min-height: 400px;max-height: 160px;min-width: 1321px;max-width: 1321px; background: #FFFFFF;border-radius: 4px;border: 1px solid #D5D9E3;}
.item_table textarea:focus{border: 1px solid #2A95BB;}

#printId .item_table table.table1 thead tr td,
#printId .item_table table.table tr td {
    font-size: 10.5pt;
}

#printId .rich-text img {
    max-width: 100%!important;
}

.btns{ margin: 0 auto;  }
.btns>div{margin: 0 10px;margin-top: 18px;cursor: pointer;}

.save_btn{
    display: inline-block;
    width: 85px;height: 40px;cursor: pointer;
    text-align: center;
    line-height: 40px;
    background: #5ed2fb;
    color: #fff;
    font-size: 15px;
    box-sizing: border-box;
    border-radius: 7px;
    margin-right: 50px;
}
.yl{
    display: inline-block;
    width: 85px;height: 40px;cursor: pointer;
    text-align: center;
    line-height: 40px;
    /* background: #eaf2fe url("./../img/show_icon.png") no-repeat center; */
    /* background-size: 16px 16px; */
    /* background-position: 14px 9px; */
    background: #51E142;
    color: #ffffff;
    font-size: 15px;
    box-sizing: border-box;
    border-radius: 7px;
    margin-right: 50px;
    /* padding-left: 16px; */
}

.tj{
    display: inline-block;
    width: 85px;height: 40px;cursor: pointer;
    text-align: center;
    line-height: 40px;
    background: #e0c122;
    color: #fff;
    font-size: 15px;
    box-sizing: border-box;
    border-radius: 7px;
}

.dow{
    display: inline-block;
    width: 77px;height: 32px;cursor: pointer;
    text-align: center;
    line-height: 32px;
    background: #5ed2fb url("./../img/dow.png") no-repeat center;
    background-size: 16px 16px;
    background-position: 14px 9px;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box;
    border-radius: 4px;
    padding-left: 16px;
}

.mask{
    width: 100%;
    background:transparent;
    position: fixed;
    top:130px;
    left:0px;
    right: 0px;
    bottom: 70px;
}


